@import "common/common";

.web{
    font-family: "方正兰亭黑_GBK";
    .slider{
        max-width: 1920px;
        margin: auto;
        img{
            width: 100%;
            display: block;
        }
    }
    .bg_posi{      
        position: absolute;
        width: 100%;
        z-index: -1;        
    }
    //简介
    .intro{
        position: relative;
        p{
            padding: 0 34px;
            text-indent: 2rem;
            color: #221815;
            font-size: 16px;
            line-height: 30px;
            text-align: justify;
        }
        //mjj
        .bg_right{          
           top: 80px;        
           height: 280px;           
           background: url(../img/brand/mjj/bg_right.png) no-repeat; 
           background-position:top right;          
        }
        //pizza
        .pizza_bg_right{
           top: 35px;       
           height: 406px;           
           background: url(../img/brand/pizza/bg_right.png) no-repeat; 
           background-position:top right;
        }
        //lpbs
        .lpbs_bg_right{
           top: 0px;       
           height: 396px;           
           background: url(../img/brand/lpbs/bg_right.png) no-repeat; 
           background-position:top right;
        }
        img{
            display: block;
        }
        .top-img{
            padding-top: 30px;
            img{
                width: 100%;
            }
        }
        .bto-img{
            padding-top: 32px;
            padding-bottom: 15px;
            .lmzl-img-b{
                padding-bottom: 33px;
            }
        }
    }
    //优势
    .advantage{
        position: relative;
        padding-top: 15px;
        .adv{
            text-align: center;
            p{
                line-height: 35px;
                font-size: 16px;
            }
            .top{
                font-size: 20px;
                color: $z_color;
                padding-bottom: 18px;
            }
            .padding-b{
                padding-bottom: 32px;
            }
            .p-bto-img{
                padding-top: 50px;
            }
        }
        //mjj
        .bg_left{           
            top: -20px;
            height: 232px;
            background: url(../img/brand/mjj/bg_left.png) no-repeat;
        }
        //pizza
        .pizz_bg_left{
            top: -20px;
            height: 587px;
            background: url(../img/brand/pizza/bg_left.png) no-repeat;
        }
        //lmzl
        .lmzl_bg_left{
            top: 15px;
            height:519px;
            background: url(../img/brand/lmzl/bg_left.png) no-repeat;
        }
        //meixicha
        .meixicha_bg_left{
            top: -114px;
            height:388px;
            background: url(../img/brand/meixicha/bg_left.png) no-repeat;
        }
    }
    //空间
    .space-show{
        position: relative;
        padding-bottom: 90px;
        .show-img{
            img{
                border-radius: 14px;
            }
            .middle{
                margin: auto;
                text-align: center;
            }
            .top{
                text-align: center;
                color: $z_color;
                font-size: 28px;
                padding:20px 0 14px 0;
            }
            p{
                font-size: 22px;
                color: $t-color;
                text-align: center;
            }
            .lmzl-showimg-b{
                text-align: center;
                padding-top: 50px;
                .dian-show{
                    display: inline-block;
                }
                .padd-r{
                    padding-right: 24px;
                }
            }
        }
        //mjj
        .bg_right2{
            width: 100%;
            height: 234px;
            top: 0px;
            background: url(../img/brand/mjj/bg_right02.png) no-repeat;
            background-position:top right;
        }
        //pizza
        .pizza-bg-right2{
            height: 453px;
            bottom: 60px;
            background: url(../img/brand/pizza/bg_right01.png) no-repeat;
            background-position:top right;
        }
        //lpbs
        .lpbs_bg_left{
            height: 467px;
            top:-140px;
            background: url(../img/brand/lpbs/bg_left.png) no-repeat;
            background-position:top left;
        }
        .lpbs_bg_right1{
            height: 281px;
            top:58px;
            background: url(../img/brand/lpbs/bg_right01.png) no-repeat;
            background-position:top right;
        }
        //lmzl
        .lmzl-bg-right{
            height:373px;
            top:-155px;
            background: url(../img/brand/lmzl/bg_right.png) no-repeat;
            background-position:top right;
        }
        .lmzl-bg-left1{
            height:333px;
            bottom:60px;
            background: url(../img/brand/lmzl/bg_left01.png) no-repeat;
            background-position:bottom left;
        }
        //meixicha
        .meixicha-bg-right{            
            height:380px;
            top:180px;
            background: url(../img/brand/meixicha/bg_right.png) no-repeat;
            background-position:top right;
        }
        .meixicha-bg-left1{
            height:364px;
            bottom:740px;
            background: url(../img/brand/meixicha/bg_left01.png) no-repeat;
            background-position:bottom left;
        }
        //框
        .kuang{
            position: relative;
            text-align: center;          
            .bg-top{
                position: absolute;
                width: 100%;
                top: -65px;
                z-index: -3;
                height: 120px;
                background: url(../img/brand/meixicha/bg_top.jpg) no-repeat;
                background-position: top center;
            }
            .bg-bottom{
                position: absolute;
                width: 100%;
                bottom: 100px;
                z-index: -3;
                height: 120px;
                background: url(../img/brand/meixicha/bg_bottom.jpg) no-repeat;
                background-position: bottom center;
            }
            .meixicha-show{             
                .top{
                   color: $z_color; 
                   font-size: 28px;
                   line-height: 44px;
                   padding-top: 24px;
                }
                p{
                    font-size: 22px;
                    color: $t-color;
                    padding-bottom: 75px;
                }
                img{
                    display:block ;
                }
            }
        }
        
    }
    .show-padd{
        padding-top: 20px;
        padding-bottom: 118px;
    }
    .meixi-padding-b{
        padding-bottom: 0px;
    }
    #show{
        position: fixed;
        right: 8%;
        bottom: 27%;
        z-index: 99;
        height:0px;
        width: 66px;
        overflow: hidden;
        text-align: center;
        background: $z_color;
        font-size: 20px;
        transition:all .6s ease-in;
        a{
            transition:all .6s ease-in;
            color: #fff;
            display: block;
            padding: 10px 18px;                   
        }
        a:hover{
            color:#393737;
        }
    }
    #show:hover{
        border-radius: 50px;
    }
    .lpbs-project{
        padding-bottom: 20px;
        .detail-text{
            text-align: center;
            font-size: 16px;
            color: #221815;
            p{
                line-height: 35px;
            }
        }
    }
    .project-show{
        padding-bottom: 30px;
    }
    .show-padd-b{
        padding-bottom: 84px;
    }
}

@media screen and (max-width:1300px){
    .web{
        .advantage{
            .adv{
                .p-bto-img{
                   img{
                       width: 615px; 
                   } 
                }
            }
        }       
    }
}
@media screen and (max-width:1600px){
    .web{
        .bg_posi{
            display: none;
        }
    }
}
